//获取操作对象
var box = document.querySelector('.gocar_content')
//获取账号

var name1=getCookie('name')
var str=''
if (name1) {
    //获取当前账号存储的数据
    var lists = localStorage.getItem(name1)||'[]'
    //把字符串转为数组对象
    lists = eval('(' + lists + ')')
    //判断当前账号是否还有数据
    if (lists.length > 0) {
        //创建字符串，评价所有内容
        lists.forEach(item => {
            str += `
            <div class="shop_go">
            <div class="shop1">
                <input type="checkbox" name="xuan">
            </div>
            <div class="shop2">
                <img src="${item.img}" alt="">
            </div>
            <div class="shop3">
                <h5>${item.title}</h5>
                <span>尺码43</span>
                <p><span>数量:</span>
                    <button>-</button>
                    <button>1</button>
                    <button>+</button>
                </p>
            </div>
            <div class="shop4">
                <h5>￥<span>${item.price}</span></h5>
                <span class="${item.id}" >删除</span>
            </div>
        </div>
        `
            //吧凭借好的内容渲染到大盒子中
            box.innerHTML = str
        })

    }
}else{
    alert("你还未登录")
    //获取地址栏信息
    var url=location.href
    //跳转到登录页
    location='../html/ANTAlogin.html?url2='+url
}
//给大盒子对象绑定点击事件
$('.box').click(function (e) {
    //获取操作目标
    var tg = e.target
    //判断当前点击对象
    //删除
    if (tg.innerHTML == '删除') {
        //获取当前要删除的行，并删除
        $(tg).parent().parent().remove()
        total()
        console.log(tg)
        let id=tg.className || ''
        let list=''
        list=localStorage.getItem(name1)
        let z3=[]
        z3 = JSON.parse(list)
        z3 = z3.filter(item=>{
            return item.id !=id
        })
        localStorage.setItem(name1,JSON.stringify(z3))
        console.log(list)
    }
    //全删
    if (tg.innerHTML == '删除商品') {
        var $sc = $('.shop_go').children()
        //遍历出每个对象
        $sc.each((i, item) => {
            //获取当前商品的选中框
            var $inp = $(item).find('[name=xuan]')
            console.log($inp)
            //判断当前选中框是否被选中
            if ($inp.prop('checked')) {
                //删除当前商品
                $(item).parent().remove()
            }
        })
        total()
    }
    //全选
    if (tg.name == 'quan') {
        var quan = document.querySelectorAll('[name="quan"]')
        if ($(tg).prop('checked')) {
            $('[name="xuan"]').prop('checked', true)
            quan[0].checked = true
            quan[1].checked = true
        } else {
            $('[name="xuan"]').prop('checked', false)
            quan[0].checked = false
            quan[1].checked = false
        }
    }
    //加法
    if (tg.innerHTML == '+') {
        var num = $(tg).prev().html()
        num++
        //重新给该对象赋值
        $(tg).prev().html(num)
        //获取单价
        // var price=$(tg).parent().parent().next().children().find('span').html()
        // //计算小计
        // var sum=(num*price).toFixed(2)
        // //给小计赋值
        // $(tg).parent().parent().next().children().find('span').html(sum)
        total()
    }
    //减法
    if (tg.innerHTML == '-') {
        //获取数量
        var num = $(tg).next().html()
        //判断当前数量是否小于等于1
        if (num <= 1) {
            num = 1
        } else {
            num--
        }
        //重新给该对象赋值
        $(tg).next().html(num)
        total
    }
    //计算总价
    function total() {
        var sum = 0 //总价
        var m = 0 //数量
        //获取所有商品
        var uls = document.querySelectorAll('.shop_go')
        for (var i = 0; i < uls.length; i++) {
            //判断当前商品是否被选中
            if (uls[i].children[0].children[0].checked) {
                //获取当前商品小计
                var xiaoji = uls[i].children[3].firstElementChild.lastElementChild.innerHTML
                //获取数量
                var sl = uls[i].children[2].children[2].children[2].innerHTML
                sum += parseFloat(parseFloat(xiaoji) * parseInt(sl))
                m += parseInt(sl)
                console.log(xiaoji,sl,sum,m)
            }
        }
        //获取添加对象
        var cc = document.querySelector('.contain')
        var oo = document.querySelector('.opr')
        //给数量的位置赋值
        cc.children[0].children[0].children[0].innerHTML = m
        //给总计赋值
        oo.children[1].innerHTML = sum.toFixed(2)
    }
    total()
})